<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>邮箱找回密码</title>
		<link rel="stylesheet" type="text/css" href="../css/vue.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/loginAndRegister.css"/>
	</head>
	<body class="login companyVertification">
		<!--登录模块头部 start-->
		<div class="loginHead">
			<div class="loginHeadContent">
				<div class="fl">
					<a href="javascript:void(0);"><img src="../img/indexLogoWhite.png" class="indexLogo"/></a>
				</div>
				<div class="fr">
					<div class="aGroup">
						<a class="loginMenu" href="javascript:void(0);">项目圈</a>
						<a class="loginMenu" href="javascript:void(0);">材料数据库</a>
						<a class="loginMenu" href="javascript:void(0);">计算工具</a>
						<div class="clear"></div>
					</div>
					<div class="btnGroup">
						<a class="btn" href="javascript:void(0);">注册</a>
						<a class="btn" href="javascript:void(0);">登录</a>
						<div class="clear"></div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<!--登录模块尾部 end-->
		
		<div class="loginContent">
			<div class="companyVertificationForm">
				<div class="companyVertificationContent">
					<div class="formTitle">企业验证</div>
					<div class="inputGroup">
						<div class="label">企业名称</div>
						<input type="text" class="inputText"/>
						<div class="clear"></div>
					</div>
					<div class="inputGroup">
						<div class="label">营业执照号</div>
						<input type="text" class="inputText"/>
						<div class="clear"></div>
					</div>
					<div class="inputGroup">
						<div class="label">营业执照</div>
						<div class="imgBox">
							<div class="imgShow">
								<img src="../img/materialImg.jpg" class="imgShowDetail"/>
							</div>
							<label class="imgLabel"><input type="file" @change="fileSrc" class="fileUp hidden"/>上传图片</label>
							<div class="clear"></div>
							<div class="imgDec">
								请上传营业执照清晰彩色原件扫描件或数码照 在有效期内且年检章齐全（当年成立的可无年检章） 由中国大陆工商局或市场监督管理局颁发 支持.jpg .jpeg .bmp .gif格式照片，大小不超过5M
							</div>
						</div>
						<div class="clear"></div>
					</div>
					<div class="inputGroup">
						<div class="label">联系电话</div>
						<input type="text" class="inputText"/>
						<div class="clear"></div>
					</div>
					<div class="inputGroup">
						<div class="label">管理者姓名</div>
						<input type="text" class="inputText"/>
						<div class="clear"></div>
					</div>
					<div class="inputGroup">
						<div class="label">所属行业</div>
						<div class="industrySelect">
							<button class="industryBtn active" @click="industryBtnSelect">开发商<img src="../img/btnSelected.png" class="industryBtnSelectImg"></button>
							<button class="industryBtn" @click="industryBtnSelect">装饰公司<img src="../img/btnSelected.png" class="industryBtnSelectImg hidden"></button>
							<button class="industryBtn last" @click="industryBtnSelect">检测机构<img src="../img/btnSelected.png" class="industryBtnSelectImg hidden"></button>
							<button class="industryBtn" @click="industryBtnSelect">材料供应<img src="../img/btnSelected.png" class="industryBtnSelectImg hidden"></button>
							<button class="industryBtn" @click="industryBtnSelect">施工单位<img src="../img/btnSelected.png" class="industryBtnSelectImg hidden"></button>
							<button class="industryBtn last" @click="industryBtnSelect">其他<img src="../img/btnSelected.png" class="industryBtnSelectImg hidden"></button>
							<button class="submit">提交审核</button>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<!--尾部 start-->
			<div class="footer">Copyright © 2008 - 2017 深圳市建筑科学研究院 All Rights Reserved</div>
			<!--尾部 end-->
		</div>
	</body>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/vue.js"></script>
	<script type="text/javascript" src="../js/vueComponent.js"></script>
	<script type="text/javascript" src="../js/component.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			//获取content最小高度
			var loginContentMinHeight = $(window).innerHeight() - 80;
			$('.loginContent').css('min-height',loginContentMinHeight + 'px');
			//获取body高度
			var bodyMinHeight = $('.loginContent').height() + 80;
			$('body').css('height',bodyMinHeight + 'px');
		});
		
		var login = new Vue({
			el:'.loginContent',
			methods:{
				fileSrc:function(e){
					var name = e.currentTarget.files[0].name;
       				document.querySelector('.imgShowDetail').setAttribute('src','../img/' + name);
				},
				industryBtnSelect:function(event){
					var i = event.target;
					var industryBtnGroup = document.querySelectorAll('.industryBtn');
					var industryBtnSelectImgGroup = document.querySelectorAll('.industryBtnSelectImg');
					for(var j = 0; j < industryBtnGroup.length; j++){
						industryBtnGroup[j].classList.remove('active');
						industryBtnSelectImgGroup[j].classList.add('hidden');
					}
					i.classList.add('active');
					i.childNodes[1].classList.remove('hidden');
				}
			},
		});
	</script>
</html>

